<template>
  <div id="scroll-board2">
    <div class="scroll-board2">3年以上未使用空编的部门（单位）</div>
    <dv-scroll-board :config="config" />
  </div>
</template>

<script>
export default {
  name: 'ScrollBoard2',
  data() {
    return {
      config: {
        header: ['单位名称', '空编数', '最近入编时间'],
        data: [
          ['广西壮族自治区人大常委会', '15', '2019-07-01'],
          ['广西壮族自治区地方金融监督管理局', '13', '2019-07-02'],
          ['广西壮族自治区旅游发展委员会', '6', '2019-07-03'],
          ['广西壮族自治区市场监督管理局', '2', '2019-07-04'],
          ['广西壮族自治区马山县地方税务局', '1', '2019-07-05'],
          ['广西壮族自治区公安厅', '3', '2019-07-06'],
          ['广西壮族自治区外事办公室', '4', '2019-07-07'],
          ['广西壮族自治区人民检察院', '2', '2019-07-08'],
          ['广西壮族自治区侨务办公室', '5', '2019-07-09'],
          ['中共广西壮族自治区委员会宣传部', '3', '2019-07-10']
        ],
        index: true,
        columnWidth: [50, 240, 70],
        align: ['center'],
        rowNum: 7,
        // headerBGC: 'rgba(0, 84, 126, 0.8)',
        headerBGC: 'rgba(0,186,255, 0.3)',
        headerHeight: 45,
        oddRowBGC: 'rgba(0, 44, 81, 0.8)',
        evenRowBGC: 'rgba(10, 29, 50, 0.8)'
      }
    }
  }
}
</script>

<style lang="scss">
#scroll-board2 {
  width: 100%;
  box-sizing: border-box;
  height: 32%;
  overflow: hidden;
}
.scroll-board2 {
    font-weight: bold;
    height: 30px;
    display: flex;
    align-items: center;
    font-size: 18px;
    justify-content: center;
  }
</style>
